<html>
<head>
<meta charset="utf-8">
<title>双子稚心丶Amor</title>
<link href="/css/style.css" rel="stylesheet" type="text/css">
<script src="/js/jquery.js"></script>
<script src="/js/index.js"></script>
<script src="/js/superslide.2.1.js"></script>
<script src="/js/nicescroll.js"></script>
<script>
  ws = new WebSocket("ws://www.chat.com:2346");
  ws.onopen = function() {
      // console.log("连接成功");
      // JSON.stringify(data);
      // JSON.parse(data);
      // data = { "from" : 1615112847935 , "to" : 1615112847955 , "content" : "来了老弟" , "type" : "say" };
      // console.log(JSON.stringify(data));
      // ws.send(JSON.stringify(data));
  };
  ws.onmessage = function(e) {
      var result = JSON.parse(e.data);
      if (result.type == 'bind') {
         // 请求mvc框架绑定数据
         $.get("<{:url('index/Index/bind')}>"+"?uid="+<{$uid}>+"&client_id="+result.content,function(e){
             if (!e || e.code != 200) {
                alert("连接失败，请重新登录");
                window.location.href = "<{:url('index/Login/index')}>";
             }
         });
      } else if (result.type == 'say') {
         console.log(result);
      }
  };
</script>
</head>
<body style="background-image: url(/images/snow.jpg);background-size: cover;">
<div class="win-bg"><img src="/images/win-bg.png"></div>
<div class="qq" style="display: block;right: 200px;">
  <div class="qq-top">
    <div class="qq-top-icon">
      <i><img src="/images/qq-top.png"></i>
      <span class="qq-top-02 close"><img src="/images/qq-top-02.png"></span>
      <span class="qq-top-01 min"><img src="/images/qq-top-01.png"></span>
    </div>
    <div class="qq-top-name">
      <span><{$memberInfo["uname"]}></span>></span>
      <dl><dd><img src="/images/zai.png"></dd><dt><img src="/images/lv.png"></dt><dt><img src="/images/svip.png"></dt></dl>
    </div>
    <div class="qq-top-shuo"><input type="text" value="这两天空间被各种婚礼刷屏了"></div>
    <div class="qq-top-menu">
      <ul>
        <li></li><li></li><li></li><li></li>
      </ul>
      <span class="qq-top-001"></span>
      <span class="qq-top-002"></span>
    </div>
    <div class="qq-serch">搜索：联系人、讨论组、群、企业</div>
  </div>
  <div class="qq-xuan">
    <ul>
      <li class="qq-xuan-li"><span></span><i></i></li>
      <li><span></span><i></i></li>
      <li><span></span><i></i></li>
      <li><span></span><i></i></li>
    </ul>
  </div>
  <div class="qq-hui">
    <ul>
      {foreach $friendInfo as $key => $item}
      <li>
        <div class="qq-hui-img"><img src="<{$item['head_img']}>"><i></i></div>
        <div class="qq-hui-name"><span><{$item["uname"]}></i></span><i>16:30</i></div>
        <div class="qq-hui-txt" title="">下次我们去公园拍摄吧~[图片]</div>
      </li>
      {/foreach}
    </ul>
  </div>
  <div class="qq-bot">
    <div class="qq-menu">
      <ul>
        <li><img src="/images/bot-menu/01.png"></li>
        <li><img src="/images/bot-menu/02.png"></li>
        <li><img src="/images/bot-menu/03.png"></li>
        <li><img src="/images/bot-menu/04.png"></li>
        <li><img src="/images/bot-menu/05.png"></li>
        <li><img src="/images/bot-menu/06.png"></li>
        <li><img src="/images/bot-menu/07.png"></li>
        <li><img src="/images/bot-menu/08.png"></li>
        <li><img src="/images/bot-menu/09.png"></li>
        <li><img src="/images/bot-menu/10.png"></li>
      </ul>
    </div>
    <div class="qq-bou-she">
      <ul>
        <li><img src="/images/bot-menu/11.png"></li>
        <li><img src="/images/bot-menu/12.png"></li>
        <li><img src="/images/bot-menu/13.png"></li>
        <li><img src="/images/bot-menu/14.png"></li>
        <li><img src="/images/bot-menu/15.png"></li>
        <li><img src="/images/bot-menu/16.png"><span>查找</span></li>
        <li><img src="/images/bot-menu/05.png"><span>应用宝</span></li>
      </ul>
    </div>
  </div>
</div>

<div class="qq-chat">
  <div class="qq-chat-win">
    <ul>
      <li class="she"></li><li class="min"></li><li class="max"></li><li class="close"></li>
    </ul>
  </div>
  <div class="qq-chat-top">
    <div class="qq-chat-tops">
      <div class="qq-chat-t-head"><img src=""></div>
      <div class="qq-chat-t-name"></div>
      <div class="qq-chat-t-shuo">站在别人的雨季，淋湿自己空弹一出戏.....</div>
    </div>
    <div class="qq-chat-menu">
      <ul>
        <li><span><img src="/images/chat/icon-01.png"></span></li>
        <li><span><img src="/images/chat/icon-02.png"></span></li>
        <li><span><img src="/images/chat/icon-03.png"></span><i></i></li>
        <li><span><img src="/images/chat/icon-04.png"></span><i></i></li>
        <li><span><img src="/images/chat/icon-05.png"></span><i></i></li>
        <li><span><img src="/images/chat/icon-06.png"></span></li>
        <li><span><img src="/images/chat/icon-07.png"></span><i></i></li>
      </ul>
    </div>
  </div>
  <div class="qq-chat-bot">
    <div class="qq-chat-txt">
      <ul>
        <li>
          <div class="qq-chat-you blue"><span></span><i></i></div>
          <div class="qq-chat-ner">在么？找你有点事</div>
        </li>
      </ul>
    </div>
    <div class="qq-chat-text">
      <ul>
        <li><span><img src="/images/chat/menu-01.png"></span></li>
        <li><span><img src="/images/chat/menu-02.png"></span></li>
        <li><span><img src="/images/chat/menu-03.png"></span></li>
        <li><span><img src="/images/chat/menu-04.png"></span></li>
        <li><span><img src="/images/chat/menu-05.png"></span><i></i></li>
        <li><span><img src="/images/chat/menu-06.png"></span></li>
        <li><span><img src="/images/chat/menu-07.png"></span><i></i></li>
        <li><span><img src="/images/chat/menu-08.png"></span></li>
        <li><span><img src="/images/chat/menu-09.png"></span><i></i></li>
        <li class="fr" style="margin-right:5px;"><span><img src="/images/chat/menu-10.png"></span><p>消息记录</p><i></i></li>
      </ul>
      <textarea id="qq-chat-text"></textarea>
      <div class="qq-chat-but">
        <span class="fasong">发送(S)</span>
        <span class="close-chat">关闭(C)</span>
      </div>
    </div>
  </div>
</div>
</body>
</html>
